<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="msapplication-tap-highlight" content="no">
<title></title>
<link rel="stylesheet" type="text/css" href="/layui/css/layui.css"  media="all">
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" href="/groupbuying/css/frameui.css"/>
<link rel="stylesheet" href="/groupbuying/css/widget/slider.css"/>
<link rel="stylesheet" href="/groupbuying/css/index.css"/>
<script type="text/javascript" src="/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/layui-post.js"></script>
</head>
<body>
<nav class="navbar index-nav">
    <div class="loca ng-scope title-order" style="background: #f9fafd;">
        <a class="title-top" href="javascript:window.history.back();"></a>
        <a class="title-center">参与拼团</a>
        <a class="title-right" href="/index"></a>
    </div>
</nav>
<!--a1轮播图-->
<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
    <ul class="am-slides cl"></ul>
</div>
<!--介绍-->
<div class="details-body-box">
    <div class="tm">
        <div class="td2">
            <div class="td2_price"><span>已售：<b id="saleNums">0</b>件</span></div>
            <div class="cl"></div>
            <div class="td2_name"></div>
            <div class="td2_cx"></div>
        </div>
    </div>
    <div class="tm2">
        <div class="td2_info">
            <div class="td2_num">支付开团并邀请<span id="tuan_more_need_number">0</span>人参团，人数不足自动退款</div>
        </div>
        <div style="visibility: visible;" class="kt">
            <div class="pin">
                <div class="pin_btn_box">
                    <div class="pin_btn"><span class="groupSize">0</span>人团</div>
                </div>
                <div class="pin_btn_box">
                    <div class="pin_btn pin_btn_bg2">原价</div>
                </div>
                <div class="cl"></div>
            </div>
            <div>
                <a href="javascript:void(0);" class="kt_item kt_item_buy ">
                    <div class="kt_price"><b id="goods_price">￥16.80</b>&nbsp;/&nbsp;<span class="goodsWeight"></span></div>
                    <div class="kt_btn" id="tuan_one_number">原价购买</div>
                </a>
                <a href="javascript:void(0);" class="kt_item" id="nowPay">
                    <div class="kt_price"><b id="acti_price">￥14.00</b>&nbsp;/&nbsp;<span class="goodsWeight"></span></div>
                    <div class="kt_btn">立即拼团<br></div>
                </a>
            </div>

        </div>
    </div>
    <!--拼团玩法-->
    <div class="step">
        <div class="step_hd">
            拼团玩法<!--<a class="step_more" href="tuan_rule.html">查看详情</a>-->
        </div>
        <div id="footItem" class="step_list">
            <div class="step_item step_item_on">
                <div class="step_num">1</div>
                <div class="step_detail"><p class="step_tit">选择<br>心仪商品</p></div>
            </div>
            <div class="step_item ">
                <div class="step_num">2</div>
                <div class="step_detail"><p class="step_tit">支付开团<br>或参团</p></div>
            </div>
            <div class="step_item ">
                <div class="step_num">3</div>
                <div class="step_detail">
                    <p class="step_tit">等待好友<br>参团支付</p>
                </div>
            </div>
            <div class="step_item">
                <div class="step_num">4</div>
                <div class="step_detail"><p class="step_tit">达到人数<br>团购成功</p></div>
            </div>
        </div>
    </div>
    <div class="outs-box"></div>
</div>

<!--detail_footer begin-->
<footer class="detail_footer">
<!--    <div class="return_left_box">-->
<!--        <a href="index.html"><div class="return_home fl"></div></a>-->
<!--        <a href="javascript:void(0);"><div class="return_home share_tuan fl"></div></a>-->
<!--    </div>-->
    <div id="payPin"><div class="promptly_tuan fl" style="width: 100%">立即去拼团</div></div>
    <div class="cl"></div>
</footer>
<!--detail_footer end-->
<!--引入js资源-->
<script type="text/javascript">
$.ajaxSetup({contentType: "application/json; charset=utf-8"});
var userInfo = $.parseJSON(sessionStorage.getItem("userInfo")),enumsData=[];
layui.use(['layer','form','element','util'], function(){
    // layui.util.fixbar({
    //     top:true,css: { right: 15, bottom: 105 },showHeight:100,
    //     click: function (type) {if (type === 'top') $('.layui-fluid').animate({scrollTop: 0}, 200);}
    // });
    var loading = layer.load(0, {shade: 0.1});
    $.post("/cateringGroupActivities/select",JSON.stringify({sysId:getQueryString("actiId")}), function (res) {
        layer.closeAll()
        $(".am-slides").empty()
        for(var i in res.data){
            $(".am-slides").append('<li style="display: block;height: 260px;object-fit: cover;"><img src="'+res.data[i].goodsImg+'"></li>')
            $("#saleNums").html(res.data[i].saleNum)
            $("#tuan_more_need_number").html(res.data[i].groupSize-1)
            $(".td2_name").html(res.data[i].goodsName)
            $(".td2_cx").html(res.data[i].remark)
            $(".td2_name").html(res.data[i].goodsName)
            $(".groupSize").html(res.data[i].groupSize)
            $(".goodsWeight").html(res.data[i].goodsWeight)
            $("#goods_price").html(res.data[i].goodsPrice)
            $("#acti_price").html(res.data[i].actiPrice)
        }
    })
    $("#payPin,#nowPay").click(function(){
        window.location.href="/grouppay?actiId="+getQueryString("actiId")
    })
    $(".kt_item_buy").click(function(){
        window.location.href="/detail?sysId="+getQueryString("actiId")
    })
})
</script>
</body>
</html>